﻿@model TesteSharepointNovo.Models.CurriculoViewModel
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
    <title>My Resume</title>
    <!--mobile apps-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="My Resume Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--mobile apps-->
    <!--Custom Theme files-->
    <link href="~/content/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="~/content/style.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="~/content/swipebox.css">
    <!--//Custom Theme files-->
    <!--js-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <!-- //js -->
    <!--web-fonts-->
    <link href='//fonts.googleapis.com/css?family=Overlock:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
    <!--//web-fonts-->
    <!--start-smooth-scrolling-->
    <script src="~/Scripts/move-top.js"></script>
    <script src="~/Scripts/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
            });
        });
    </script>
    <!--//end-smooth-scrolling-->
</head>
<body>
    <!--banner-->
    <div id="home" class="banner">
        <div class="banner-info">
            <div class="container">
               
                <div class="col-md-12">

                    <h1 style="color:white"><b>@Model.Nome</b></h1>
                    <h3 style="color:white">Web Developer</h3>
                    <ul class="address">
                        @if (!string.IsNullOrEmpty(Model.Estado))
                        { 
                            <li>
                                <ul class="address-text">
                                    <li><b>Estado</b></li>
                                    <li>@Model.Estado</li>
                                </ul>
                            </li>
                        }
                        @if (!string.IsNullOrEmpty(Model.Cidade))
                        { 
                            <li>
                                <ul class="address-text">
                                    <li><b>Cidade </b></li>
                                    <li>@Model.Cidade</li>
                                </ul>
                            </li>
                        }

                        <li>
                            <ul class="address-text">
                                <li><b>Estado Civil </b></li>
                                <li>@Model.EstadoCivil</li>
                            </ul>
                        </li>
                        <li>
                            <ul class="address-text">
                                <li><b>Data de Nascimento</b></li>
                                <li>@Model.DataNascimento.Value.ToString("dd/MM/yyyy")</li>
                            </ul>
                        </li>
                        @foreach (var tecno in Model.Linguas)
                        {
                            <li>
                                <ul class="address-text">
                                    <li><b>@tecno.Descricao </b></li>
                                    <li>@tecno.Fluencia</li>
                                </ul>
                            </li>
                               
                               
                              
                        }

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!--//banner-->
    <!--top-nav-->
    <div class="top-nav wow">
        <div class="container">
            <div class="navbar-header logo">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    Menu
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <div class="menu">
                    <ul class="nav navbar">
                        <li><a href="#about" class="scroll">About</a></li>
                        <li><a href="#work" class="scroll">Experiência</a></li>
                        <li><a href="#education" class="scroll">Educação</a></li>
                        <li><a href="#skills" class="scroll">Habilidades</a></li>

                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <!--//top-nav-->
    <!--about-->
    <div id="about" class="about">
        <div class="container">
            <h3 class="title">Sobre mim</h3>
            <div class="col-md-8 about-left">
                <p>@Html.Raw(Model.Resumo)</p>
            </div>
            <div class="col-md-4 about-right">
                <ul>
                    <h5>Certificações</h5>

                    <!--cálculo com 12 / por número de certificações exibindo logo-->
                    @foreach (var item in Model.Certficacoes)
                    {
                        <li>
                            <img src="@Url.Action("getImg", "Home", new { id = item.Id })" class="img-responsive"  />
                        </li>
                    }

                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <!--//about-->
    <!--work-experience-->
    <div id="work" class="work">
        <div class="container">
            <h3 class="title">Experiência &nbsp;
             
            </h3>

            @foreach (var item in Model.Experiencias)
            {
                var dtInicio = new DateTime(DateTime.Now.Year, item.MesInicio, 1);

                var dtFinal = new DateTime(DateTime.Now.Year, item.MesFinal, 1);
                
                <div class="work-info">
                    <div class="col-md-6 work-left">
                        <h4>
                            @dtInicio.ToString("MMMM") @item.AnoInicio - 
                            @if (!item.Atual)
                            {
                                @dtFinal.ToString("MMMM ")   @item.AnoFinal
                            }
                            else
                            { 
                                <text>Emprego Atual</text>
                            }

                        </h4>
                    </div>
                    <div class="col-md-6 work-right">
                        <h5> 
                          
                       
                            <span class="glyphicon glyphicon-briefcase"></span>
                            
                            
                            @item.NomeEmpresa</h5>
                        <p>@Html.Raw(item.Atividades) </p>
                    </div>
                    <div class="clearfix"></div>
                </div>
			        
                       
                           
                                       
                     
                         
                        
            }
        </div>
    </div>
    <!--//work-experience-->
    <!--education-->
    <div id="education" class="education">
        <div class="container">
            <h3 class="title">Educação</h3>
            @foreach (var item in Model.Formacoes)
            {  
                <div class="work-info">

                    <div class="col-md-6 work-left">
                        <h4>@item.Descricao</h4>
                    </div>
                    <div class="col-md-6 work-right">
                        <h5><span class="glyphicon glyphicon-education"></span>@item.Local</h5>
                        <p>
                            @if (item.AnoFinal != 0)
                            {
                                @item.AnoFinal
                            }
                            else
                            {
                                <text>Imcompleto</text>
                            }
                        </p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            }

        </div>
    </div>
    </div>
	<!--//education-->
    <!--skills-->
    <div id="skills" class="skills">
        <div class="container">
            <h3 class="title">Skills</h3>
            <div class="skills-info">



                <div class="col-md-6 bar-grids">
                    @for (int i = 0; i < 6; i++)
                    {
                        if (Model.Tecnologias.Count > i)
                        {


                            var tecno = Model.Tecnologias[i];
                        
                            <h6>@tecno.NomeTecnologia  <span>@tecno.AutoAvaliacao% </span></h6>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped active" style="width: @tecno.AutoAvaliacao%">
                                </div>
                            </div>
                        }
                    }
                   
                </div>

                <div class="col-md-6 bar-grids">
                   @for (int i = 0; i < 6; i++)
                   {
                       if (Model.Tecnologias.Count > i)
                       {


                           var tecno = Model.Tecnologias[i + 6];
                        
                            <h6>@tecno.NomeTecnologia  <span>@tecno.AutoAvaliacao% </span></h6>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped active" style="width: @tecno.AutoAvaliacao%">
                                </div>
                            </div>
                        }
                    }
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!--//education-->
    <!--portfolio-->
   
    
    <!--//contact -->
    <!--footer-->
    <div class="footer">
        <div class="container">
            <p>© 2016 My Resume. All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>
        </div>
    </div>
    <!--//footer-->
    <!--smooth-scrolling-of-move-up-->
    <script type="text/javascript">
        $(document).ready(function () {

            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear'
            };

            $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>
    <!--//smooth-scrolling-of-move-up-->
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="~/Scripts/bootstrap.js"></script>
</body>
</html>
